import Strings from '@/i18n';
import { View, Image, Text, Button } from '@ray-js/ray';
import React from 'react';
import styles from './index.module.less';
import clsx from 'clsx';

export const BottomButton = ({
  handleCancel,
  handleConfirm,
}: {
  handleCancel: () => void;
  handleConfirm: () => void;
}) => {
  return (
    <View className={styles.bottomButton}>
      <View onClick={handleCancel} className={clsx(styles.cancelBtn, styles.btn)}>
        {Strings.getLang('cancel')}
      </View>

      <View onClick={handleConfirm} className={clsx(styles.confirmBtn, styles.btn)}>
        {Strings.getLang('confirm')}
      </View>
    </View>
  );
};
